<template>
  <a-row :gutter="[8, 8]" style="padding-right: 40px">
    <a-col :span="24" class="title"> 声音克隆流程 </a-col>
    <a-col :span="24" class="sub-title"> 1. 上传参考音频 </a-col>
    <a-col :span="24" class="title-content">
      上传一段音频用于克隆声音。音频的质量会直接影响到最后克隆声音的效果，因此请您尽量保证用于克隆的音频符合以下要求:
    </a-col>
    <a-col :span="24" class="title-content">
      <span class="text">（1）音频时长:</span> 建议音频时长限制在10s-120s;
    </a-col>
    <a-col :span="24" class="title-content">
      <span class="text">（2）音频质量:</span>
    </a-col>
    <a-col :span="24" class="title-content-list">
      a.只有一个在说话，避免音频中出现多个人的声音;
    </a-col>
    <a-col :span="24" class="title-content-list">
      b.保证低底噪。说话人说话越清晰，最终克隆效果越好，音频底噪会严重影响克隆效果;
    </a-col>
    <a-col :span="24" class="title-content-list">
      c.保持音量大小、语速稳定、注意断句、避免口腔噪音(如口水声)、杂音、混响等情况;
    </a-col>
    <a-col :span="24" class="title-content-list">
      d.音频中不要有桌椅响声、键盘鼠标敲击声、衣服摩擦声等人为噪声;
    </a-col>
    <a-col :span="24" class="title-content-list">
      e.音频中可以存在口误。口误时无需终止录音,可停顿1~2秒后,继续录制即可。
    </a-col>
    <a-col :span="24" class="title-content">
      <span class="text">（3）音频内容:</span>
    </a-col>
    <a-col :span="24" class="title-content-list">
      在录制音频前建议先确定好声音风格, 在录音时尽量去贴近风格,
      避免录制的音频情绪韵律趋于平淡。
      <span style="color: red">
        如果希望克隆出的声音情绪饱满、韵律起伏，请尽量上传表现力强的音频来克隆。
      </span>
    </a-col>
    <a-col :span="24" class="title-content">
      <span class="text">（4）音频格式:</span>
    </a-col>
    <a-col :span="24" class="title-content-list">
      wav、mp3、ogg、m4a、aac、pcm，其中pcm仅支持24k 单通道
      目前限制单文件上传最大10MB
    </a-col>
    <a-col :span="24" class="sub-title"> 2. 预览效果 </a-col>
    <a-col :span="24" class="title-content">
      音频上传后，请先预览试听声音效果。
    </a-col>
    <a-col :span="24" class="title-content">
      如果对声音效果不满意，您可重新上传新的音频进行效果试听。
    </a-col>
    <a-col :span="24" class="title-content">
      建议您保证音频符合上述要求，避免浪费修改编辑的次数。
    </a-col>
    <a-col :span="24" class="sub-title"> 3. 积分消耗 </a-col>
    <a-col :span="24" class="title-content"> 一经购买，概不退货。 </a-col>
  </a-row>
</template>

<script>
import { ref, watch, toRefs, defineComponent, reactive } from "vue";
import request from "@/common/utils/request";

export default defineComponent({
    name:'CloningProcess',
    components:{},
  setup() {
    const state = reactive({
      count: 0,
    });

    return {
      ...toRefs(state),
    };
  },
});
</script>

<style lang="less" scoped>
.label {
  font-weight: 600;
  margin-right: 5px;
}
.title {
  font-size: 20px;
  font-weight: 600;
}
.sub-title {
  font-size: 16px;
  font-weight: 600;
  margin-left: 10px;
}
.title-content {
  margin-left: 25px;
  .text {
    font-weight: 600;
  }
}
.title-content-list {
  margin-left: 60px;
}

.audio-requirements {
  background: #f7f8fa;
  padding: 10px;
  margin-bottom: 15px;
}
</style>
